<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/汤羹.css" />
		<link rel="stylesheet" type="text/css" href="美食菜谱图标/iconfont.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<span class="iconfont icon-iconfront-
"></span>
			<p>汤羹饮品分类</p>

		</header>

		<main>

			<div id="tab">
				<ul class="list">
					<li class="active"><a href="#">羹</a></li>
					<li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li>
					<!-- <li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li>
					<li><a href="#">炖品</a></li> -->
				</ul>


				<div id="big-box">

					<ul class="list1">
						<li class="active-1">最新</li>
						<li>最新</li>
						<li>最热</li>
					</ul>

					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>1</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
				</div>


				<div>

					<ul class="list1">
						<li class="active-1">最新</li>
						<li>最新</li>
						<li>最热</li>
					</ul>
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>2</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
				</div>


				<div>

					<ul class="list1">
						<li class="active-1">最新</li>
						<li>最新</li>
						<li>最热</li>
					</ul>
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
					
					<dl class="active2"> <dt><img src="img/wanted1.jpg"></dt> <dd>3</dd> <dd>2</dd> <span class="iconfont icon-favorite "></span> <dd>888</dd> <span class="iconfont icon-dianzan "></span> <dd>888</dd> </dl>
				</div>

				
			</div>


		</main>




		<footer>
			<ul class="foo">
				<li><a href="#"><span class="iconfont icon-gouwo"></span>首页</a></li>
				<li><a href="#"><span class="iconfont icon-fenlei"></span>分类</a></li>
				<li><a href="#"><span class="iconfont icon-wode
		"></span>我的</a></li>
				<li><a href="#"><span class="iconfont icon-rementuijian
		"></span>推荐</a></li>
			</ul>
		</footer>
		<script src="js/tanggeng.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
